<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>TimeMarks</title>
  <link rel="icon" type="image/png" href="icon.png" />
  <link rel="stylesheet" href="css/styles.css">
  <link rel="stylesheet" href="css/navBar.css">
  <link rel="stylesheet" href="css/history.css">
  <link rel="stylesheet" href="css/timemarks.css">
  <script src="js/jquery.js">
  </script>
  <script src="js/database.js">
  </script>
  <script src="js/date.format.js">
  </script>
  <script src="js/md5.js">
  </script>
  <script src="js/crossPageFunctions_faviconCode.js">
  </script>
  <script src="js/crossPageFunctions.js">
  </script>
  <script src="js/favicon.js">
  </script>
  <script src="js/history.js">
  </script>
  <script src="js/navBar.js">
  </script>
  <script src="js/timeMarks.js">
  </script>
<script>
function initView(){
   var currentView = window.location.hash;
   if(currentView == "#timemarks"){
      navBar_clickTimeMarks();
   }else if(currentView == "#history"){
      navBar_clickTraditionalHistory();
   }else if(currentView == "#geolocation"){
      navBar_clickGeo();
   }
}

$(window).bind( 'hashchange', function(e) {
   initView();
});

database.open();



</script>
</head>
<body onload="setVersionNumber();getAllTimeMarks();navBar_onLoad();getUsersHistory();initView();">
  <div id="navbar-container"> 
  	
  
     <h1 id="icon_settingsTitle_traditionalHistory" class="settings-title" i18n-content="title"><img src="images/historyClock.png" class="icon"/>Web History</h1> 
     <h1 id="icon_settingsTitle_timeMark" class="settings-title" i18n-content="title"><img src="images/timeMarkClock/clockface_48.png" class="icon" />TimeMarks</h1> 
     <h1 id="icon_settingsTitle_geo" class="settings-title" i18n-content="title"><img src="images/geo.png" class="icon" />Geo Labels</h1> 
     <div id="version">Alpha (v 0.0.0)</div>
     
     <ul id="navbar"> 
     	<li id="navBar_traditional_history" class="navbar-item" tabindex="0" onClick="redirect_history();">Traditional Web History</li>
        <li id="navBar_timeMarks" class="navbar-item navbar-item-selected" tabindex="0" onClick="redirect_timeMarks();">List of TimeMarks</li>
        <li id="navBar_geo" class="navbar-item" tabindex="0" onClick="redirect_geo();">Location Labels</li>
     </ul>
     
     <div id="navbar_filters">
    	<div id="navbar_filters_timeMarks" class="navbar_filter">
    	</div>
    	<div id="navbar_filters_traditionalHistory" class="navbar_filter"></div>
    </div>
     
  </div>
  <div id="bodyCopy">
  	<div id="bodyCopy_timeMarks"></div>
  	<div id="bodyCopy_history"></div>
  	<div id="bodyCopy_geo"></div>
  </div> 
</body>
</html>
